<template>
  <div class="envSetup">
    <PageTitle :title="'Environment Setup'">
      <template v-slot:operate>
        <n-button size="large" @click="$router.push('/setup/1')" class="title-oparate">Previous</n-button>
        <n-button size="large" @click="$router.push('/setup/2')" class="title-oparate">Next -></n-button>
      </template>
    </PageTitle>
    <div class="operate-main">
      <LeftStep :curStep="$router.currentRoute.value.name*1"/>
      <router-view class="operate-right"/>
    </div>
  </div>
</template>

<script setup>
import { NButton } from 'naive-ui'
import PageTitle from '@/components/PageTitle'
import LeftStep from '@/components/LeftStep'

</script>

<style scoped>
@import "@/style/operateWarp.css";

.envSetup {
  padding: 0 var(--lrWhite);

}
</style>
